<!DOCTYPE html>
<html lang="en">
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" ></script>
<script>
jQuery(document).ready(function() {
    $(".browseFile").change(function(e) {
        var filename = "";
        for(var i = 0; i < this.files.length; i++) {
            filename = this.files[i].name;
            lastMod = this.files[i].lastModifiedDate;
            $(".rightDiv").append("<div style='border: 1px solid'><p>" + filename + "(" + lastMod + ")</p></div>");
        }
    });
});​
</script>
		
		
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>inputtype</title>
		<meta name="description" content="" />
		<meta name="author" content="Vinil Bhandari" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
	</head>

	<body>
		
		
		
		<div>
			<header>
				<h1>inputtype</h1>
			</header>
			<nav>
				<p>
					<a href="/">Home</a>
				</p>
				<p>
					<a href="/contact">Contact</a>
				</p>
			</nav>

			<div>

			</div>
<input class="browseFile" type="file" multiple="multiple" required="required" autofocus="autofocus" />
<div class="rightDiv"></div>​
			<footer>
				<p>
					&copy; Copyright  by Vinil Bhandari
				</p>
			</footer>
		</div>
	</body>
</html>
